<template>
  <div class="about">
    <h3> 登录页面</h3>
    <table>
      <tbody>
        <tr>
          <td align="right">账号</td>
          <td><input type="text" v-model="userName"></td>
        </tr>
        <tr>
          <td align="right">密码</td>
          <td><input type="text"></td>
        </tr>
        <tr>
          <td></td>
          <td><input type="button" value="登录" class="btn btn-success"></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup lang="ts">
  import{ref,reactive} from 'vue'
  let userName=ref('');
  let userpwd=ref('');

  const login=()=>{
    alert(userName.value+','+userpwd.value)
  }

</script>

<style scoped>

</style>